import styled from 'styled-components'
export const ArtistListWrapper = styled.div`
  

`
export const NavWrapper = styled.div`
  font-size:24px;
  color:#333;
  padding-bottom:5px;
  border-bottom:2px solid #C02C02;
`
export const ContentWrapper = styled.div`
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  .item{
    position:relative;
    margin-top:40px;
    width:130px;
    height:130px;
    cursor:pointer;

    .mask{
      position: absolute;
      top: 0;
      left: 0;
      width: 130px;
      height: 130px;
      background-position: 0 -680px;
    }
    img{
      width:130px;
      height:130px;
    }
    .name{
      display: flex;
      line-height:18px;
      height:18px;
      margin-top:5px;
      .icon{
        position: absolute;
        right:0;  
        width: 17px;
        height: 18px;
        background-position: 0 -740px;
      }
    }
  }
`